<!--
 * @Author: MrLee
 * @Date: 2024-08-24 10:19:44
 * @LastEditors: MrLee
 * @LastEditTime: 2024-09-14 09:19:38
 * @Description: 请填写简介
-->
<template>
  <custom-navbar
    title="招聘偏好"
    :auto-back="true"
    left-icon-color="#303133"
  />
  <up-gap height="30rpx" />
  <view class="bg-#f6f7f8 px-22rpx">
    <view
      v-for="(item, index) in list"
      :key="index"
      class="job-item mb-32rpx items-center rounded-[20rpx] bg-#fff px-40rpx py-24rpx shadow-[0px_6px_16px_0px_rgba(191,191,191,0.26)]"
    >
      <view style="border-bottom: 1px solid #cecece" class="mb-18rpx pb-18rpx">
        <view class="mb-14rpx flex items-center justify-between">
          <view class="text-left text-[32rpx] text-[#1d2129]">
            {{item.position.content}}
          </view>
        </view>
      </view>
      <view class="flex flex-col justify-center">
        <view class="mb-14rpx flex items-center justify-between">
          <view class="text-left text-[26rpx] text-[#4e5968]">
            {{ item.cutType }} | {{ item.name }}
          </view>
        </view>
        <view class="flex items-center text-left text-[26rpx] text-[#6e6d72]">
          <view
            class="flex items-center justify-center"
          >
            <view>{{item.province.name}}</view>
            <view
              class="mx-10rpx h-28rpx w-2rpx bg-#6e6d72"
            />
            <view>{{item.city.name}}</view>
          </view>
          <view
            class="flex items-center justify-end flex-1 text-right text-[#999999] text-[24rpx]"
            ><view class="iconfont icon-fuzhi"></view>复制</view
          >
        </view>
      </view>
    </view>
  </view>
  <view
    class="fixed bottom-0 h-178rpx w-[100%] bg-#fff shadow-[0px_0px_12px_0px_rgba(238,239,241,0.50)]"
  >
    <view
      @click="addPreFuc"
      class="mx-auto my-0 mt-[24rpx] h-82rpx w-[90%] rounded-[42rpx] bg-#1f50f2 text-center text-[30rpx] text-white font-medium leading-[82rpx]"
    >
    添加招聘偏好
    </view>
  </view>
</template>

<script setup>
// import userCatch01 from "@/static/images/tab/user-header.png";
  import {userIntentionList} from "@/api/user";

const userCatch01 = 'https://yiliao.test03.qcw800.com/static/images/tab/user-header.png'
let list = ref([]);

const addPreFuc = () => {
  uni.navigateTo({
    url: "/pages/tab/home/more/addPre",
  });
};
const getList = () => {
  userIntentionList().then(res => {
    if(res) {
      list.value = res
    }
  })
}
onMounted(() => {
  getList()
})
</script>
